import React from "react";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import PreparationHome from "../screens/preparation/PreparationHome";
import Requirement from "../screens/preparation/Requirement";
import Organization from "../screens/preparation/Organization";
import Formulation from "../screens/preparation/Formulation";
import Testing from "../screens/preparation/Testing";
import SampleVillage from "../screens/preparation/SampleVillage";
// import ZoomImage from "../components/ZoomImage";
import { Feather } from "@expo/vector-icons";
import { ArticleProvider } from "../context/preparation/ArticleContext";
const Stack = createNativeStackNavigator();

const PreparationNavigation = ({ navigation }) => {
  return (
    <ArticleProvider>
      <Stack.Navigator
        initialRouteName="Preparation"
        screenOptions={{
          headerTitleAlign: "center",
          headerTintColor: "#fff",
          headerStyle: {
            backgroundColor: "#A80108",
          },
        }}
      >
        <Stack.Screen
          name="PreparationHome"
          component={PreparationHome}
          options={{
            headerShown: true,
            title: "准备工作",
            headerLeft: () => (
              <Feather
                name="user"
                style={{ padding: 5 }}
                size={25}
                color="#fff"
                onPress={() => navigation.openDrawer()}
              />
            ),
          }}
        />
        <Stack.Screen
          name="Requirement"
          component={Requirement}
          options={{
            headerShown: true,
            title: "总体要求",
          }}
        />
        <Stack.Screen
          name="Organization"
          component={Organization}
          options={{
            headerShown: true,
            title: "组织架构",
          }}
        />
        <Stack.Screen
          name="Formulation"
          component={Formulation}
          options={{
            headerShown: true,
            title: "工作方案",
          }}
        />
        <Stack.Screen
          name="Testing"
          component={Testing}
          options={{
            headerShown: true,
            title: "调查员测试",
          }}
        />
        <Stack.Screen
          name="SampleVillage"
          component={SampleVillage}
          options={{
            headerShown: true,
            title: "样本村",
          }}
        />
      </Stack.Navigator>
    </ArticleProvider>
  );
};

export default PreparationNavigation;
